<%@page import="com.opensymphony.xwork2.util.ValueStack"%>
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<meta http-equiv="X-UA-Compatible" content="IE=9">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-cache, must-revalidate">
<meta http-equiv="expires" content="-1">
<title>注册</title>

<link rel="stylesheet" href="<%=basePath %>product/register/css/index.css" type="text/css">
<link rel="stylesheet" href="<%=basePath %>product/register/css/styles.css" type="text/css">

</head>

<body>

<div class="bg">
	<div class="container">
		<div class="header">
			<a href="" class="logo" target="_self" title="注册"></a> 
		</div>
		<div class="content">
			<div class="left"> 
				<a id="nav_3" class="nav_box cur" href="javascript:void(0);" onmouseout="this.removeAttribute('_hover');" onmouseover="this.setAttribute('_hover','over');">
					<span class="dt nav_3">必填信息</span> <span class="dd">请提供您的个人信息</span>
				</a> 
				<a id="nav_2" class="nav_box" href="javascript:void(0);" onmouseout="this.removeAttribute('_hover');" onmouseover="this.setAttribute('_hover','over');">
					<span class="dt nav_2">选填信息</span> <span class="dd">点击此标签页并完成注册</span>
				</a>
			</div>
			<div class="right">
				<div class="rightContent">
					<form action="" method="post"> 

						<div id="phone_box" class="phone_box_land">
							
							<div id="land_phone" class="box box_2 land_phone">
								<label class="item" for="phone_num">手机号</label>
								<div id="" class="ipt_box" style="z-index:99">
									<div class="ipt_other">
										<div id="phone_num_bg" class="bg_txt">
										<input id="phone_num" type="text" class="new_txt" name="" tabindex="3" maxlength="11">
										</div>
									</div>
								</div>
								<div class="info">请输入11位手机号码作为登录帐户(移动联通电信)</div>
							</div>  
						</div>
						
						<div class="box box_3" style="z-index:0">
							<label class="item">姓名</label>
							<div class="ipt_box nick_ipt_box">
								<div id="nick_bg" class="bg_error">
								<input type="text" class="new_txt" id="nick" name="nick" tabindex="6" style="z-index:0" maxlength="15">
								</div>
							</div>
						</div>
						<div class="box box_4">
							<label class="item" for="password">密码</label>
							<div class="ipt_box">
								<div id="password_bg" class="bg_error">
								<input type="password" class="new_txt" id="password" name="password" tabindex="7" maxlength="16">
								</div>
							</div>						</div>
						<div class="box box_5">
							<label class="item" for="password_again">确认密码</label>
							<div class="ipt_box">
								<div id="password_again_bg" class="bg_error">
								<input type="password" class="new_txt" name="pass_again" id="password_again" tabindex="8" maxlength="16">
								</div>
							</div>
						</div>
						<div class="box box_6">
							<div class="item">性别</div>
							<div class="ipt_box nobg sex_box"><a name="male" id="sex_1" class="checked" tabindex="9">男</a><a id="sex_2" class="unchecked" name="femail" tabindex="10">女</a></div>
							<div class="info"><table><tbody><tr><td id="sex_info" class="info"></td></tr></tbody></table></div>
						</div>
						<div class="box box_7">

							<div class="item">出生年月</div>
							<div class="ipt_box nopadding nobg">
								 <div id="inptu_search_tips" class="paopao" style="display: none">
										<span id="inptu_search_tips_wording" class="p_l"></span>
										<span class="p_r"></span>
								 </div> 
								<div id="year_box">

								<div id="year_bg" class="year_bg_error">
									<input id="year_value" class="year_value" tabindex="12" value="年" maxlength="10">
								 </div>
								</div>
								<div id="month_box">
									<input id="month_value" class="month_day_bg_error" tabindex="13" value="月" maxlength="4" >
									<ul id="month_ul" class="hide">
  
									</ul>
								</div>
								<div id="day_box">
									<input id="day_value" class="month_day_bg_error" tabindex="14" value="日" maxlength="4">
									<ul id="day_ul" class="hide">

									</ul>
								</div>
							</div>
						</div>
						<div class="box box_8">
							<div class="item">所在地</div>
							<div class="ipt_box nopadding nobg">
								<div id="nick_bg" class="bg_error">
								<input type="text" class="new_txt" id="nick" name="nick" tabindex="6" style="z-index:0" maxlength="1000">
								</div>
							</div>
						</div>
<!-- 						<div class="box box_9" id="code_box"> -->
<!-- 							<label class="item" for="code">验证码</label> -->
<!-- 							<div class="ipt_box code_bg"> -->
<!-- 								<input id="code" class="code_ipt" type="text" name="code" tabindex="18" maxlength="8"> -->
<!-- 								<img id="code_img" style="float:left; cursor:pointer;margin-left:5px;" width="130" height="53" src="" title="点击换一张" onclick="window.index&amp;&amp;index.changeCode();"></div> -->
<!-- 							<div class="info"> -->
<!-- 								<table> -->
<!-- 									<tbody><tr><td id="code_info"><span id="code_info_err" class="tips">请输入图中的字母，不区分大小写</span></td></tr> -->
<!-- 									<tr><td><span class="change" onclick="window.index&amp;&amp;index.changeCode();" title="点击换一张">点击换一张</span></td></tr> -->
<!-- 								</tbody></table> -->
<!-- 							</div> -->
<!-- 						</div> -->
						<div class="box box_11">
							<div class="item"></div>
							<div class="ipt_box">
								<div class="submit">
									<input class="" type="button" value="下一页" title="下一页" tabindex="21" id="nextBtn">
								</div>
							</div>
							<div class="info"></div>
						</div>
					</form>
				
				</div>
				<div class="nextPage" style="display:none;">
					<form action="" method="post"> 
						<div id="phone_box" class="phone_box_land">
							<div id="land_phone" class="box box_2 land_phone">
								<label class="item" for="idcard_num">身份证号</label>
								<div id="" class="ipt_box" style="z-index:99">
									<div class="ipt_other">
										<div id="idcard_num_bg" class="bg_txt">
										<input id="idcard_num" type="text" class="new_txt" name="" tabindex="3" maxlength="18">
										</div>
									</div>
								</div>
							</div>  
						</div>
						
						<div class="box box_3" style="z-index:0">
							<label class="item">住址</label>
							<div class="ipt_box nick_ipt_box">
								<div id="nick_bg" class="bg_error">
								<input type="text" class="new_txt" id="nick" name="nick" tabindex="6" style="z-index:0" maxlength="150">
								</div>
							</div>
						</div>
						<div class="box box_11">
							<div class="item"></div>
							<div class="ipt_box">
								<div class="agree_box"> <a name="agree" class="a_1 checked" id="agree" tabindex="20">我已阅读并同意相关服务条款</a>
									
								</div>
								<div class="submit">
									<input class="" type="button" value="提交" title="提交" tabindex="21" id="submit">
								</div>
							</div>
							<div class="info"></div>
						</div>
					</form>
				
				</div>
			</div>
			<div class="clear"></div>
		</div>
	</div>
</div>
<div class="footer">Copyright <span>©</span>启尚投资</div>
</body></html>
<script src="<%=basePath %>product/js/jquery-1.7.min.js"></script>
<script>
	var isSelected = true;
	$(function(){
		$("#sex_1").click(function(){
			$("#sex_1").removeClass("unchecked").addClass("checked");
			$("#sex_2").removeClass("checked").addClass("unchecked");
		});
		$("#sex_2").click(function(){
			$("#sex_2").removeClass("unchecked").addClass("checked");
			$("#sex_1").removeClass("checked").addClass("unchecked");
		});
		$("#agree").click(function(){
			if(isSelected){
				$("#agree").removeClass("checked").addClass("unchecked");
				isSelected = false;
			}
			else{
				$("#agree").removeClass("unchecked").addClass("checked");
				isSelected = true;
			}
		});
		$("#nextBtn").click(function(){
			$(".rightContent").css("display","none");
			$(".nextPage").css("display","block");
			$("#nav_3").removeClass("cur");
			$("#nav_2").addClass("cur");
		});
		
		$("#nav_3").click(function(){
			$(".rightContent").css("display","block");
			$(".nextPage").css("display","none");
			$("#nav_3").addClass("cur");
			$("#nav_2").removeClass("cur");
		});
		$("#nav_2").click(function(){
			$(".rightContent").css("display","none");
			$(".nextPage").css("display","block");
			$("#nav_3").removeClass("cur");
			$("#nav_2").addClass("cur");
		});
		
	});
</script>